<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Dashboard | Xoric - Responsive Bootstrap 4 Admin Dashboard</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="Premium Multipurpose Admin & Dashboard Template" name="description">
    <meta content="Themesdesign" name="author">

    <!-- datepicker -->
    <link href="/css/datepicker.min.css" rel="stylesheet" type="text/css">

    <!-- jvectormap -->
    <link href="/css/jqvmap.min.css" rel="stylesheet">

    <!-- Bootstrap Css -->
    <link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <!-- Icons Css -->
    <link href="/css/icons.min.css" rel="stylesheet" type="text/css">
    <!-- App Css-->
    <link href="/css/app.min.css" rel="stylesheet" type="text/css">

</head>

<body data-topbar="colored">

<!-- Begin page -->
<div id="layout-wrapper">

    <header id="page-topbar">
        <div class="navbar-header">
            <div class="d-flex">
                <!-- LOGO -->
                <div class="navbar-brand-box">
                    <a href="" class="logo logo-dark">
                                <span class="logo-sm">
                                    <img src="/newImage/logo.png" alt="" height="60">
                                </span>
                        <span class="logo-lg">
                                    <img src="/newImage/logo.png" alt="" height="60">
                                </span>
                    </a>

                    <a href="" class="logo logo-light">
                                <span class="logo-sm">
                                    <img src="/picture/logo-sm-light.png" alt="" height="22">
                                </span>
                        <span class="logo-lg">
                                    <img src="/picture/logo-light.png" alt="" height="20">
                                </span>
                    </a>
                </div>

                <button type="button" class="btn btn-sm px-3 font-size-24 header-item waves-effect" id="vertical-menu-btn">
                    <i class="mdi mdi-backburger"></i>
                </button>

                <!-- App Search-->
                <form class="app-search d-none d-lg-block">
                    <div class="position-relative">
                        <input type="text" class="form-control" placeholder="Search...">
                        <span class="mdi mdi-magnify"></span>
                    </div>
                </form>
            </div>

            <div class="d-flex">

                <div class="dropdown d-inline-block d-lg-none ml-2">
                    <button type="button" class="btn header-item noti-icon waves-effect" id="page-header-search-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="mdi mdi-magnify"></i>
                    </button>
                    <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right p-0" aria-labelledby="page-header-search-dropdown">

                        <form class="p-3">
                            <div class="form-group m-0">
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
                                    <div class="input-group-append">
                                        <button class="btn btn-primary" type="submit"><i class="mdi mdi-magnify"></i></button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>


            <div class="col-md-4">
                <div class="float-right d-none d-md-block">
                    <div class="dropdown">
                        <button class="btn btn-light btn-rounded dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <i class="mdi mdi-settings-outline mr-1"></i> Settings
                        </button>
                        <div class="dropdown-menu dropdown-menu-right dropdown-menu-animated">
                            <a class="dropdown-item" href="#">Action</a>
                            <a class="dropdown-item" href="#">Another action</a>
                            <a class="dropdown-item" href="#">Something else here</a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="#">Separated link</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </header>

    <!-- ========== Left Sidebar Start ========== -->
    <div class="vertical-menu">

        <div data-simplebar="" class="h-100">

            <!--- Sidemenu -->
            <div id="sidebar-menu">
                <!-- Left Menu Start -->
                <ul class="metismenu list-unstyled" id="side-menu">
                    <li class="menu-title">Menu</li>

                    <li>
                        <a href="/to/index" class="waves-effect">
                            <div class="d-inline-block icons-sm mr-1"><i class="uim uim-airplay"></i></div>
                            <span>首            页</span>
                        </a>
                    </li>
                    <li class="menu-title">Basic</li>
                    <li>
                        <a href="/size/goToSize" class="waves-effect">
                            <div class="d-inline-block icons-sm mr-1"><i class="uim uim-window-grid"></i></div>
                            <span>传统度量</span>
                        </a>
                    </li>

                    <li>
                        <a href="/to/functionPoint" class="waves-effect">
                            <div class="d-inline-block icons-sm mr-1"><i class="uim uim-schedule"></i></div>
                            <span>功能点度量</span>
                        </a>
                    </li>

                    <li>
                        <a href="/to/featurePoint" class="waves-effect ">
                            <div class="d-inline-block icons-sm mr-1"><i class="uim uim-chart"></i></div>
                            <span>特征值度量</span>
                        </a>
                    </li>

                    <li>
                        <a href="/to/usecasePoint" class="waves-effect mm-active">
                            <div class="d-inline-block icons-sm mr-1"><i class="uim uim-chart-pie"></i></div>
                            <span>用例点度量</span>
                        </a>
                    </li>

                    <li>
                        <a href="/to/objectPoint" class="waves-effect">
                            <div class="d-inline-block icons-sm mr-1"><i class="uim uim-lock-access"></i></div>
                            <span>对象点度量</span>
                        </a>
                    </li>
                    <li class="menu-title">Oriented Object</li>
                    <li>
                        <a href="/toLK/goToLKMetrics" class="waves-effect">
                            <div class="d-inline-block icons-sm mr-1"><i class="uim uim-sign-in-alt"></i></div>

                            <span>LK度量</span>
                        </a>
                    </li>

                    <li>
                        <a href="/toCK/goToCKMetrics" class="waves-effect">
                            <div class="d-inline-block icons-sm mr-1"><i class="uim uim-grids"></i></div>
                            <span>CK度量</span>
                        </a>
                    </li>

                </ul>
            </div>
            <!-- Sidebar -->
        </div>
    </div>
    <!-- Left Sidebar End -->

    <!-- ============================================================== -->
    <!-- Start right Content here -->
    <!-- ============================================================== -->
    <div class="main-content">

        <div class="page-content">

            <!-- Page-Title -->
            <div class="page-title-box">
                <div class="container-fluid">
                    <div class="row align-items-center">
                        <div class="col-md-8">
                            <h4 class="page-title mb-1">Use-case Point Metric</h4>
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item active">Welcome to Software Metrics</li>
                            </ol>
                        </div>
                    </div>

                </div>
            </div>
            <div class="page-content-wrapper">
                <div class="container-fluid">

                    <div class="row">
                        <div class="col-6">
                            <div class="card">
                                <div class="card-body">

                                    <h4 style="font-size: 20px" class="header-title">UAW(Unadjusted Actor Weights)</h4>

                                    <div class="table-responsive">
                                        <table class="table table-editable" style="font-size: 15px">
                                            <thead>
                                            <tr>
                                                <th width="20%">角色类型</th>
                                                <th width="35%">描述</th>
                                                <th width="30%">数量</th>
                                                <th width="15%">权值</th>
                                            </tr>
                                            </thead>
                                            <tr>
                                                <td style="color: #3051D3;font-weight: bold">简单</td>
                                                <td style="color: grey;">程序接口</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="1" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="1" style="font-weight: bold">1</td>
                                            </tr>
                                            <tr>
                                                <td style="color: #3051D3;font-weight: bold">一般</td>
                                                <td style="color: grey;">交互接口协议驱动接口</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="2" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="2" style="font-weight: bold">2</td>
                                            </tr>
                                            <tr>
                                                <td style="color: #3051D3;font-weight: bold">复杂</td>
                                                <td style="color: grey;">图形化接口、人机接口</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="3" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="3" style="font-weight: bold">3</td>
                                            </tr>
                                            <tr style="background-color: #3051D3">
                                                <td style="color: white;font-weight: bold;font-size: 20px">UAW</td>
                                                <td data-original-value="0" colspan="6" style="color: white;font-weight: bold;"><span id="UAW"></span></td>
                                            </tr>
                                        </table>
                                    </div>

                                </div>
                            </div>
                        </div> <!-- end col -->

                        <div class="col-6">
                            <div class="card">
                                <div class="card-body">

                                    <h4 style="font-size: 20px" class="header-title">UUC(Unadjusted Use Case)</h4>

                                    <div class="table-responsive">
                                        <table class="table table-editable" style="font-size: 15px">
                                            <thead>
                                            <tr>
                                                <th width="20%">用例类型</th>
                                                <th width="35%">描述</th>
                                                <th width="30%">数量</th>
                                                <th width="15%">权值</th>
                                            </tr>
                                            </thead>
                                            <tr>
                                                <td style="color: #3051d3;font-weight: bold">简单</td>
                                                <td style="color: grey;">3个或少于3个交互</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="4" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="5" style="font-weight: bold">5</td>
                                            </tr>
                                            <tr>
                                                <td style="color: #3051D3;font-weight: bold">一般</td>
                                                <td style="color: grey;">4-7个交互</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="5" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="10" style="font-weight: bold">10</td>
                                            </tr>
                                            <tr>
                                                <td style="color: #3051D3;font-weight: bold">复杂</td>
                                                <td style="color: grey;">超过7个交互</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="6" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="15" style="font-weight: bold">15</td>
                                            </tr>
                                            <tr style="background-color: #3051D3">
                                                <td style="color: white;font-weight: bold;font-size: 20px">UUC</td>
                                                <td data-original-value="0" colspan="6" style="color: white;font-weight: bold;"><span id="UUC"></span></td>
                                            </tr>
                                        </table>
                                    </div>

                                </div>
                            </div>
                        </div> <!-- end col -->
                    </div> <!-- end row -->

                    <div class="row">

                    </div> <!-- end row -->

                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-6">
                                            <h1>UUCP</h1>
                                            <h1 style="color: #3051D3;font-weight: bold">UUCP = UAW + UUC</h1>
                                            <h1 style="color: #3051D3;font-weight: bold" id="UUCP"></h1>
                                            <hr>
                                        </div>

                                        <div class="col-6 ml-auto">
                                            <div align="right">
                                                <img src="/newImage/pic4.png" alt="" class="img-fluid">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">

                                    <h4 style="font-size: 20px" class="header-title">TCF(Technical Complexity Factor)</h4>

                                    <div class="table-responsive">
                                        <table class="table table-editable" style="font-size: 15px">
                                            <thead>
                                            <tr>
                                                <th>因素</th>
                                                <th>描述</th>
                                                <th>数量</th>
                                                <th>权值</th>
                                                <th></th>
                                                <th>因素</th>
                                                <th>描述</th>
                                                <th>数量</th>
                                                <th>权值</th>
                                            </tr>
                                            </thead>
                                            <tr>
                                                <td style="color: #3051D3;font-weight: bold">T1</td>
                                                <td style="color: #3051D3;font-weight: bold">分布式系统</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="7" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="2" style="font-weight: bold">2</td>
                                                <td></td>
                                                <td style="color: #3051D3;font-weight: bold">T2</td>
                                                <td style="color: #3051D3;font-weight: bold">绩效目标</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="8" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="2" style="font-weight: bold">2</td>
                                            </tr>
                                            <tr>
                                                <td style="color: #3051D3;font-weight: bold">T3</td>
                                                <td style="color: #3051D3;font-weight: bold">最终用户效率</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="9" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="1" style="font-weight: bold">1</td>
                                                <td></td>
                                                <td style="color: #3051D3;font-weight: bold">T4</td>
                                                <td style="color: #3051D3;font-weight: bold">复杂加工</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="10" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="1" style="font-weight: bold">1</td>
                                            </tr>
                                            <tr>
                                                <td style="color: #3051D3;font-weight: bold">T5</td>
                                                <td style="color: #3051D3;font-weight: bold">可重用代码</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="11" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="1" style="font-weight: bold">1</td>
                                                <td></td>
                                                <td style="color: #3051D3;font-weight: bold">T6</td>
                                                <td style="color: #3051D3;font-weight: bold">易于安装</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="12" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="0.5" style="font-weight: bold">0.5</td>
                                            </tr>
                                            <tr>
                                                <td style="color: #3051D3;font-weight: bold">T7</td>
                                                <td style="color: #3051D3;font-weight: bold">便于使用</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="13" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="0.5" style="font-weight: bold">0.5</td>
                                                <td></td>
                                                <td style="color: #3051D3;font-weight: bold">T8</td>
                                                <td style="color: #3051D3;font-weight: bold">便携的</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="14" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="2" style="font-weight: bold">2</td>
                                            </tr>
                                            <tr>
                                                <td style="color: #3051D3;font-weight: bold">T9</td>
                                                <td style="color: #3051D3;font-weight: bold">易于更改</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="15" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="1" style="font-weight: bold">1</td>
                                                <td></td>
                                                <td style="color: #3051D3;font-weight: bold">T10</td>
                                                <td style="color: #3051D3;font-weight: bold">并行使用</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="16" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="1" style="font-weight: bold">1</td>
                                            </tr>
                                            <tr>
                                                <td style="color: #3051D3;font-weight: bold">T11</td>
                                                <td style="color: #3051D3;font-weight: bold">安全</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="17" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="1" style="font-weight: bold">1</td>
                                                <td></td>
                                                <td style="color: #3051D3;font-weight: bold">T12</td>
                                                <td style="color: #3051D3;font-weight: bold">第三方访问</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="18" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="1" style="font-weight: bold">1</td>
                                            </tr>
                                            <tr>
                                                <td style="color: #3051D3;font-weight: bold">T13</td>
                                                <td style="color: #3051D3;font-weight: bold">培训需求</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="19" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="1" style="font-weight: bold">1</td>
                                                <td></td>
                                                <td colspan="4"></td>
                                            </tr>
                                            <tr style="background-color: #3051D3">
                                                <td style="color: white;font-weight: bold;font-size: 20px">TCF</td>
                                                <td data-original-value="0" colspan="8" style="color: white;font-weight: bold;"><span id="TCF"></span></td>
                                            </tr>
                                        </table>
                                    </div>

                                </div>
                            </div>
                        </div> <!-- end col -->
                    </div> <!-- end row -->


                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">

                                    <h4 style="font-size: 20px" class="header-title">EF(Environmental Factor)</h4>

                                    <div class="table-responsive">
                                        <table class="table table-editable" style="font-size: 15px">
                                            <thead>
                                            <tr>
                                                <th>因素</th>
                                                <th>描述</th>
                                                <th>数量</th>
                                                <th>权值</th>
                                                <th></th>
                                                <th>因素</th>
                                                <th>描述</th>
                                                <th>数量</th>
                                                <th>权值</th>
                                            </tr>
                                            </thead>
                                            <tr>
                                                <td style="color: #3051D3;font-weight: bold">E1</td>
                                                <td style="color: #3051D3;font-weight: bold">熟悉开发流程</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="20" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="1.5" style="font-weight: bold">1.5</td>
                                                <td></td>
                                                <td style="color: #3051D3;font-weight: bold">E2</td>
                                                <td style="color: #3051D3;font-weight: bold">申请经验</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="21" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="0.5" style="font-weight: bold">0.5</td>
                                            </tr>
                                            <tr>
                                                <td style="color: #3051D3;font-weight: bold">E3</td>
                                                <td style="color: #3051D3;font-weight: bold">面向对象的体验</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="22" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="1" style="font-weight: bold">1</td>
                                                <td></td>
                                                <td style="color: #3051D3;font-weight: bold">E4</td>
                                                <td style="color: #3051D3;font-weight: bold">首席分析师能力</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="23" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="0.5" style="font-weight: bold">0.5</td>
                                            </tr>
                                            <tr>
                                                <td style="color: #3051D3;font-weight: bold">E5</td>
                                                <td style="color: #3051D3;font-weight: bold">动机</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="24" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="1" style="font-weight: bold">1</td>
                                                <td></td>
                                                <td style="color: #3051D3;font-weight: bold">E6</td>
                                                <td style="color: #3051D3;font-weight: bold">稳定的要求</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="25" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="2" style="font-weight: bold">2</td>
                                            </tr>
                                            <tr>
                                                <td style="color: #3051D3;font-weight: bold">E7</td>
                                                <td style="color: #3051D3;font-weight: bold">兼职人员</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="26" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="-1" style="font-weight: bold">-1</td>
                                                <td></td>
                                                <td style="color: #3051D3;font-weight: bold">E8</td>
                                                <td style="color: #3051D3;font-weight: bold">难编程语言</td>
                                                <td data-original-value="1">
                                                    <input class="form-control" type="text" placeholder="请输入数量" id="27" onchange="calUPC();">
                                                </td>
                                                <td data-original-value="-1" style="font-weight: bold">-1</td>
                                            </tr>

                                            <tr style="background-color: #3051D3">
                                                <td style="color: white;font-weight: bold;font-size: 20px">EF</td>
                                                <td data-original-value="0" colspan="8" style="color: white;font-weight: bold;"><span id="EF"></span></td>
                                            </tr>
                                        </table>
                                    </div>

                                </div>
                            </div>
                        </div> <!-- end col -->
                    </div> <!-- end row -->


                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-6">
                                            <h1>Use Case Point 度量方法</h1>
                                            <h1>您的项目测试结果:</h1>
                                            <h1 style="color: #3051D3;font-weight: bold">UPC = UUCP * TCF * EF</h1>
                                            <h1 style="color: #3051D3;font-weight: bold" id="result">result</h1>
                                            <hr>
                                            <p style="font-size: 15px;color: grey;">
                                            <h5>用例点度量度量</h5>
                                            <br>
                                            ①用例图是在面向对象方法分析设计软件时用于进行需求分析的一种方法。
                                            <br>
                                            ②用例图中包括用例与角色，用例点度量软件规模的方法主要衡量用例中的用例与角色。
                                            </p>
                                            <div class="mt-4">
                                                <a href="/to/index" class="btn btn-primary btn-sm">了解更多相关内容 <i class="mdi mdi-arrow-right ml-1"></i></a>
                                            </div>
                                        </div>

                                        <div class="col-6 ml-auto">
                                            <div align="right">
                                                <img src="/newImage/pic4.png" alt="" class="img-fluid">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end container-fluid -->
            </div>
            <!-- end page-content-wrapper -->
        </div>
    </div>
    <!-- End Page-content -->
    <footer class="footer">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                    2020 © Software Metric.
                </div>
                <div class="col-sm-6">
                    <div class="text-sm-right d-none d-sm-block">
                        Copyright &copy; 2022.Software Engineering 1901 in CSU All rights reserved.
                    </div>
                </div>
            </div>
        </div>
    </footer>
</div>
<!-- end main content-->

</div>
<!-- END layout-wrapper -->

<script>
    function calUAW()
    {
        var num1,num2,num3;
        var result;

        if(document.getElementById("1").value == "")
        {
            num1 = 0;
        }
        else {
            num1 = parseInt(document.getElementById("1").value);
        }

        if(document.getElementById("2").value == "")
        {
            num2 = 0;
        }
        else {
            num2 = parseInt(document.getElementById("2").value);
        }

        if(document.getElementById("3").value == "")
        {
            num3 = 0;
        }
        else {
            num3 = parseInt(document.getElementById("3").value);
        }

        result = num1+2*num2+3*num3;

        if(isNaN(result))
        {
            document.getElementById("UAW").innerText = "请正确输入";
            document.getElementById("UAW").style = "color:#FF5252;font-weight: normal";
        }
        else {
            console.log(result);
            document.getElementById("UAW").innerText = result;
            document.getElementById("UAW").style = "color:white;";
        }

    }
</script>
<script>
    function calUUC()
    {
        var num1,num2,num3;
        var result;

        if(document.getElementById("4").value == "")
        {
            num1 = 0;
        }
        else {
            num1 = parseInt(document.getElementById("4").value);
        }

        if(document.getElementById("5").value == "")
        {
            num2 = 0;
        }
        else {
            num2 = parseInt(document.getElementById("5").value);
        }

        if(document.getElementById("6").value == "")
        {
            num3 = 0;
        }
        else {
            num3 = parseInt(document.getElementById("6").value);
        }

        result = 5*num1+10*num2+15*num3;

        if(isNaN(result))
        {
            document.getElementById("UUC").innerText = "请正确输入";
            document.getElementById("UUC").style = "color:#FF5252;font-weight: normal";
        }
        else {
            console.log(result);
            document.getElementById("UUC").innerText = result;
            document.getElementById("UUC").style = "color:white;";
        }

    }
</script>
<script>
    function calTCF()
    {
        var num1,num2,num3,num4,num5,num6,num7,num8,num9,num10,num11,num12,num13;
        var result,result1;

        if(document.getElementById("7").value == "")
        {
            num1 = 0;
        }
        else {
            num1 = parseInt(document.getElementById("7").value);
        }

        if(document.getElementById("8").value == "")
        {
            num2 = 0;
        }
        else {
            num2 = parseInt(document.getElementById("8").value);
        }

        if(document.getElementById("9").value == "")
        {
            num3 = 0;
        }
        else {
            num3 = parseInt(document.getElementById("9").value);
        }

        if(document.getElementById("10").value == "")
        {
            num4 = 0;
        }
        else {
            num4 = parseInt(document.getElementById("10").value);
        }

        if(document.getElementById("11").value == "")
        {
            num5 = 0;
        }
        else {
            num5 = parseInt(document.getElementById("11").value);
        }

        if(document.getElementById("12").value == "")
        {
            num6 = 0;
        }
        else {
            num6 = parseInt(document.getElementById("12").value);
        }

        if(document.getElementById("13").value == "")
        {
            num7 = 0;
        }
        else {
            num7 = parseInt(document.getElementById("13").value);
        }

        if(document.getElementById("14").value == "")
        {
            num8 = 0;
        }
        else {
            num8 = parseInt(document.getElementById("14").value);
        }

        if(document.getElementById("15").value == "")
        {
            num9 = 0;
        }
        else {
            num9 = parseInt(document.getElementById("15").value);
        }

        if(document.getElementById("16").value == "")
        {
            num10 = 0;
        }
        else {
            num10 = parseInt(document.getElementById("16").value);
        }

        if(document.getElementById("17").value == "")
        {
            num11 = 0;
        }
        else {
            num11 = parseInt(document.getElementById("17").value);
        }

        if(document.getElementById("18").value == "")
        {
            num12 = 0;
        }
        else {
            num12 = parseInt(document.getElementById("18").value);
        }

        if(document.getElementById("19").value == "")
        {
            num13 = 0;
        }
        else {
            num13 = parseInt(document.getElementById("19").value);
        }

        result1 = 2*num1+2*num2+num3+num4+num5+0.5*num6+0.5*num7+2*num8+num9+num10+num11+num12+num13;
        result = 0.6 + 0.01 * result1;

        if(isNaN(result))
        {
            console.log(result);
            document.getElementById("TCF").innerText = "请正确输入";
            document.getElementById("TCF").style = "color:#FF5252;font-weight: normal";
        }
        else {
            document.getElementById("TCF").innerText = result;
            document.getElementById("TCF").style = "color:white;";
        }

    }
</script>
<script>
    function calEF()
    {
        var num1,num2,num3,num4,num5,num6,num7,num8;
        var result, result1;

        if(document.getElementById("20").value == "")
        {
            num1 = 0;
        }
        else {
            num1 = parseInt(document.getElementById("20").value);
        }

        if(document.getElementById("21").value == "")
        {
            num2 = 0;
        }
        else {
            num2 = parseInt(document.getElementById("21").value);
        }

        if(document.getElementById("22").value == "")
        {
            num3 = 0;
        }
        else {
            num3 = parseInt(document.getElementById("22").value);
        }

        if(document.getElementById("23").value == "")
        {
            num4 = 0;
        }
        else {
            num4 = parseInt(document.getElementById("23").value);
        }

        if(document.getElementById("24").value == "")
        {
            num5 = 0;
        }
        else {
            num5 = parseInt(document.getElementById("24").value);
        }

        if(document.getElementById("25").value == "")
        {
            num6 = 0;
        }
        else {
            num6 = parseInt(document.getElementById("25").value);
        }

        if(document.getElementById("26").value == "")
        {
            num7 = 0;
        }
        else {
            num7 = parseInt(document.getElementById("26").value);
        }

        if(document.getElementById("27").value == "")
        {
            num8 = 0;
        }
        else {
            num8 = parseInt(document.getElementById("27").value);
        }

        result1 = 1.5*num1+0.5*num2+num3+0.5*num4+num5+2*num6-num7-num8;
        result = 1.4 - 0.03 * result1;

        if(isNaN(result))
        {
            document.getElementById("EF").innerText = "请正确输入";
            document.getElementById("EF").style = "color:#FF5252;font-weight: normal";
        }
        else {
            console.log(result);
            document.getElementById("EF").innerText = result;
            document.getElementById("EF").style = "color:white;";
        }

    }
</script>
<script>
    function calUUCP()
    {
        calUAW();
        calUUC();

        var uaw;
        var uuc;

        if(document.getElementById("UAW").innerText == "")
        {
            uaw = 0;
        }
        else {
            uaw = parseFloat(document.getElementById("UAW").innerText);
        }

        if(document.getElementById("UUC").innerText == "")
        {
            uuc = 0;
        }
        else {
            uuc = parseFloat(document.getElementById("UUC").innerText);
        }

        var result = uaw+uuc;

        if(isNaN(result))
        {
            document.getElementById("UUCP").innerText = "请正确输入";
            document.getElementById("UUCP").style = "color:#FF5252;font-weight: normal";
        }
        else {
            console.log(result);
            document.getElementById("UUCP").innerText = result;
            document.getElementById("UUCP").style = "color:#3051D3;";
        }
    }
</script>
<script>
    function calUPC()
    {
        calUUCP();
        calEF();
        calTCF();

        var uucp;
        var ef;
        var tcf;

        if(document.getElementById("UUCP").innerText == "")
        {
            uucp = 0;
        }
        else {
            uucp = parseFloat(document.getElementById("UUCP").innerText);
        }

        if(document.getElementById("EF").innerText == "")
        {
            ef = 0;
        }
        else {
            ef = parseFloat(document.getElementById("EF").innerText);
        }

        if(document.getElementById("TCF").innerText == "")
        {
            tcf = 0;
        }
        else {
            tcf = parseFloat(document.getElementById("TCF").innerText);
        }

        var result = uucp*ef*tcf;

        if(isNaN(result))
        {
            document.getElementById("result").innerText = "请正确输入";
            document.getElementById("result").style = "color:#FF5252;font-weight: normal";
        }
        else {
            console.log(result);
            document.getElementById("result").innerText = result;
            document.getElementById("result").style = "color:#3051D3;";
        }
    }
</script>
<!-- JAVASCRIPT -->
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.bundle.min.js"></script>
<script src="/js/metisMenu.min.js"></script>
<script src="/js/simplebar.min.js"></script>
<script src="/js/waves.min.js"></script>

<script src="/js/bundle.js"></script>

<!-- datepicker -->
<script src="/js/datepicker.min.js"></script>
<script src="/js/datepicker.en.js"></script>

<!-- apexcharts -->
<script src="/js/apexcharts.min.js"></script>

<script src="/js/jquery.knob.min.js"></script>

<!-- Jq vector map -->
<script src="/js/jquery.vmap.min.js"></script>
<script src="/js/jquery.vmap.usa.js"></script>

<script src="/js/dashboard.init.js"></script>

<script src="/js/app.js"></script>

</body>
</html>
